<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="css/cart.css" />
	</head>
	<body>
		<!--************header部分**********************-->
		<div id="header">
			<div class="header">
				<span class="span1">您好，欢迎来到麦包包 ！ </span>
				<span class="span2">
					[
					<a href="loading.html" class="loading"> 登录 </a>
					|
					<a href="register.html" class="register"> 注册 </a>
					]
				</span>
				<ul>
					<li><a href="#" class="order">我的订单</a></li>
					<li class="shop">
						<img src="img/index/bg1.gif" />
						<a href="#" class="shop-car">购物车</a>
						<b class="num">0</b>
						<i class="sanjiao" id="sanjiao1"></i>
					</li>
					<li class="w-nav">
						<a href="#" class="web-nav">网站导航</a>
						<i class="sanjiao"></i>
					</li>
				</ul>
			</div>
		</div>
		<!--*******************nav********************************-->
		<div id="nav">
			<div class="nav">
				<a href="index.html"><img src="img/index/logo.png"></a>
				<div class="nav-center">
					<input type="text" class="search">
					<input type="button" class="btn-search" value="搜索"/>
					<ul>
						<li>| <a href="#" class="first-key">潮流双肩包</a></li>
						<li>| <a href="#">甜美韩风</a></li>
						<li>| <a href="#">品质真皮</a></li>
						<li>| <a href="#">绅士公文</a></li>
						<li><a href="#">拉杆箱</a></li>
					</ul>
				</div>
				<ol class="nav-right">
					<li>
						<img src="img/index/fuw_03.jpg">
					</li>
					<li>
						<img src="img/index/fuw_041.jpg" />
					</li>
					<li>
						<img  src="img/index/fuw_05.jpg"/>
					</li>
				</ol>
			</div>
		</div>
		<!--**********************一级菜单menu****************************-->
		<div id="menu">
			<div class="menu">
				<ul>
					<li class="all-btn">
						<a href="#">全部商品分类</a>
						<span id="menu-select"></span>
			<!--************二级菜单submenu**************************-->
						<ol class="submenu">
							<li>
								<h3>
									<a href="#">潮流女包/精品女包</a>
									<span> > </span>
								</h3>
								<p>
									<a href="#">手提包</a>
									<a href="#">单肩包</a>
									<a href="#">斜挎包</a>
									<a href="#">钱包</a>
									<a href="#">真皮包</a>
									<a href="#">双肩包</a>
								</p>
							</li>
							<li>
								<h3>
									<a href="#">绅士男包</a>
									<span> > </span>
								</h3>
								<p>
									<a href="#">真皮包</a>
									<a href="#">手提包</a>
									<a href="#">单肩包</a>
									<a href="#">钱包</a>
									<a href="#">真皮包</a>
									<a href="#">双肩包</a>
								</p>
							</li>
							<li>
								<h3>
									<a href="#">户外 / 旅行</a>
									<span> > </span>
								</h3>
								<p>
									<a href="#">拉杆包</a>
									<a href="#">单肩包</a>
									<a href="#">户外功能包</a>
									<a href="#">双肩包</a>
									<a href="#">休闲包</a>
								</p>
							</li>
							<li>
								<h3>
									<a href="#">其他箱包</a>
									<span> > </span>
								</h3>
								<p>
									<a href="#">妈咪包</a>
									<a href="#">儿童包</a>
									<a href="#">书包</a>
									<a href="#">配件</a>									
								</p>
							</li>
							<a href="#" class="morebao">查看更多包包> ></a>
			    				<!--********************三级菜单thrmenu*************************-->
							<div class="thrmenu">
								<dl >
									<dt>
										| 品牌
										<a href="#">查看更多女包 >></a>
									</dt>
									<dd><img src="img/index/mbaobao.jpg"></dd>
									<dd><img src="img/index/mplus.jpg"></dd>
									<dd><img src="img/index/af.jpg"></dd>
									<dd><img src="img/index/Clous-Krause.jpg"></dd>
								</dl>
								<div class="menu-Left">
									<dl>
										<dt> | 热门推荐：</dt>
										<dd>
											<a href="#">小方包</a>
											<a href="#">贝壳包</a>
											<a href="#">水桶包</a>
											<a href="#">链条包</a>
											<a href="#">托特包</a>											
											<a href="#">格纹包</a>
										</dd>
									</dl>
									<dl>
										<dt> | 按主材料：</dt>
										<dd>
											<a href="#">真皮</a>
											<a href="#">羊皮</a>
											<a href="#">二层牛皮</a>
											<a href="#">合成革</a>											
											<a href="#">真皮</a>
											<a href="#">羊皮</a>
										</dd>
									</dl>
									<dl>
										<dt> | 按尺码：</dt>
										<dd>
											<a href="#">小方包</a>											
											<a href="#">中包</a>
											<a href="#">特大包</a>
											<a href="#">大包</a>
											<a href="#">小猪包</a>
										</dd>
									</dl>
								</div>
								<div class="menu-right">
									<dl>
										<dt> | 按价格：</dt>
										<dd>
											<a href="#">100元</a>
											<a href="#">200元</a>
											<a href="#">300元</a>
											<a href="#">400元</a>
											<a href="#">500元</a>
											<a href="#">600元</a>											
										</dd>
									</dl>
									<dl>
										<dt> | 按尺码：</dt>
										<dd>
											<a href="#">小方包</a>
											<a href="#">迷你包（可放手机）</a>
											<a href="#">中包</a>
											<a href="#">大包</a>
											<a href="#">小猪包</a>
										</dd>
									</dl>
								</div>
							</div>
							
						</ol>
					</li>
					
					<li><a href="index.html">首页</a></li>
					<li><a href="list.html">新品</a></li>
					<li><a href="list.html">真皮</a></li>
					<li><a href="list.html">选包</a></li>
					<li class="tel">
						<a href="#">手机版</a>
					</li>
				</ul>
			</div>
		</div>
<!--**************************购物车*************************************-->
	<div class="cart">
		<h2>购物车详情</h2>
		<table width="960" border="0" cellpadding="0" cellspacing="0">
			<thead>
				<tr>
					<td>编号</td>
					<td>图片</td>					
					<td>单价</td>
					<td>数量</td>
					<td>总价</td>
					<td>操作</td>
				</tr>
			</thead>
			<tbody id="tbody"></tbody>
		</table>
	</div>





	<!----*************buttom******************-->
		<div id="buttom">
			<div class="buttom">
				<ul>
					<li>
						<h4><a href="#">关于麦包包</a></h4>
						<a href="#">友情链接</a>
					</li>
					<li>
						<h4><a href="#">新手课堂</a></h4>
						<a href="#">新用户注册</a>
						<a href="#">如何购买</a>
					</li>
					<li>
						<h4><a href="#">支付方式</a></h4>
						<a href="#">发票制度</a>
					</li>
					<li>
						<h4><a href="#">配送方式</a></h4>
						<a href="#">发票制度</a>
					</li>
					<li>
						<h4><a href="#">售后服务</a></h4>
						<a href="#">退换货政策及办理</a>
						<a href="#">自动退换货</a>
						<a href="#">订单跟踪</a>
					</li>
					<li>
						<h4><a href="#">帮助中心</a></h4>
						<a href="#">找回密码</a>
						<a href="#">常见问题</a>
						<a href="#">常见反馈</a>
					</li>
					<li class="server-li">
						<h3>客服热线</h3>
						<h2>4006-526-528</h2>
						<a href="#" class="server">在线客服</a>
					</li>
				</ul>
			</div>
		</div>
		<!--*************footer****************-->
		<div id="footer">
			<div class="footer">
				<p>
					@2017-2014 Maibaobao All Rights Resversed 嘉兴市麦包包网络科技有限公司版权所有，禁止非法复制经营许可证编号  ： 经营许可证编号 ： 浙B2-20100425
				</p>
				<ul>
					<li><a href="#">经营条款</a></li>
					<li><a href="#">网站制度</a></li>
					<li><img src="img/index/footer.gif"></li>
					<li><img src="img/index/footer2.gif"></li>
					<li><img src="img/index/footer3.gif"></li>
					<li><img src="img/index/footer4.gif"></li>
					<li><img src="img/index/footer5.gif"></li>
					<li><a href="#">网站导航</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
<script type="text/javascript" src="js/cookie.js" ></script>
<script type="text/javascript" src="js/cart.js" ></script>